.fadeIn-enter, .fadeIn-appear, .fadeIn-exit-done {
    opacity: 0;
  }
  
  .fadeIn-enter-active, .fadeIn-appear-active,.fadeIn-exit-active {
    opacity: 1;
    transition: all 4s;
  }
  .fadeIn-exit {
    opacity: 1;
  }

  .transformX-enter, .transformX-appear, .transformX-exit-done {
    transform: translate(-100vh);
  }
  
  .transformX-enter-active, .transformX-appear-active,.transformX-exit-active {
    transform: translate(0);
    transition: all 0.5s;
  }
  .transformX-exit {
    opacity: translate(-100vh);
  }